<template>
  <div id="index">
    <search-key></search-key>
    <div id="center">
      <List />
      <Advertisement />
    </div>
    <Page />
  </div>
</template>

<script>
import List from "./Children/List.vue";
import Advertisement from "./Children/Advertisement.vue";
import Page from "./Children/Page.vue";
import SearchKey from './Children/SearchKey.vue'

export default {
  name: "index",
  components: {
    List,
    Advertisement,
    Advertisement,
    Page,
    SearchKey
  },
};
</script>

<style  scoped>
#center {
  display: flex;
}
</style>